import { Message, Button, Space } from '@pxxtech/component';

const Basic = () => {
  return (
    <Space>
      <Button
        onClick={() => Message.success('success')}
        style={{
          '--color': 'var(--pxx-color-white)',
          '--background-color': 'var(--pxx-color-success)',
        }}
      >
        success
      </Button>
      <Button
        onClick={() => Message.warning('warning')}
        style={{
          '--color': 'var(--pxx-color-white)',
          '--background-color': 'var(--pxx-color-warning)',
        }}
      >
        warning
      </Button>
      <Button
        onClick={() => Message.error('error')}
        style={{
          '--color': 'var(--pxx-color-white)',
          '--background-color': 'var(--pxx-color-error)',
        }}
      >
        error
      </Button>
    </Space>
  );
};

export default Basic;
